{layout name="layout"}
<style type="text/css">
    .list-group-item{
        border:0;
    }
</style>
<div class="row">
    <div class="col-md-10 col-md-offset-1">
        <div id="page-content" data-target="#docs-menu" data-spy="scroll">
            <div id="nifty-intro" class="docs-section">
                <h3 class="box-inline mar-rgt text-semibold" style="vertical-align: middle">接口列表</h3>
                <hr class="new-section-sm">
            </div>
        </div>
    </div>
    <div class="col-md-10 col-md-offset-1">
        {if $projects}
        {foreach $projects as $project}
            <div class="col-sm-3 col-md-3 col-lg-3">
                <div class="panel">
                    <div class="panel-heading bg-gray-light">
                        <h3 class="panel-title text-dark">{$project.classifyname}</h3>
                    </div>
                    <div class="panel-body text-primary" style="height: 172px;">
                        <ul class="list-group ">
                            {if isset($project.categories)&&!empty($project.categories)}
                                {foreach $project.categories as $key=>$category}
                                {if $key<=2}
                                    <li class="list-group-item"><a href="apilist/{$project.id}/{$category.id}.html" class="text-primary">{$category.classifyname}</a></li>
                                {/if}
                                {/foreach}
                            {/if}
                            <li class="list-group-item"><a href="apilist/{$project.id}/0.html" class="text-primary">...</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        {/foreach}
        {else}
        <div class="col-sm-12 text-center">
            <h3>暂无项目文档</h3>
        </div>
        {/if}
    </div>
</div>
